.pagination-nav {
  .ngx-pagination {
    margin: 0;
    color: #676a6c;
    display: inline-block;
    padding-left: 0;
    margin: 20px 0;
    border-radius: 4px;
    text-align: right;

    & > li > a {
      cursor: default;
      padding: 3px 12px;
    }

    & > li > a:before,
    & > li > a:after,
    & > .pagination-previous.disabled:before,
    & > .pagination-next.disabled:after {
      content: '';
      padding: 0;
      display: block;

    }

    & > li:first-child > a,
    & > li:first-child > span {
      margin-right: 0;
      border-top-left-radius: 4px;
      border-bottom-left-radius: 4px;
    }

    & > li:last-child > a,
    & > li:last-child> span {
      margin-left: 0;
      border-top-right-radius: 4px;
      border-bottom-right-radius: 4px;
    }

    & > li > a {
      cursor: pointer;
    }

    & > li > a,
    & > li > span,
    & > li > div > span {
      position: relative;
      float: left;
      padding: 6px 12px;
      margin-left: -1px;
      line-height: 1.42857143;
      text-decoration: none;
      background-color: #fff;
    }

    .current {
      padding: 0;
      background: transparent;
    }

    .current > div > span {
      color: #015cad;
      // border-color: #676a6c;
      // background-color: #676a6c;
    }

    .disabled {
      padding: 0;
    }
  }
}